<template>
  <div class="popupst" @click="hidepopup" :style="{'background-image':'url('+bgs+')'}">
    <div class="content" v-show="nums===1">
      <div class="text">
        长按选择原文句子，复制后添加到笔记
        <span></span>
      </div>
    </div>
    <div class="contents" v-show="nums===0">
      <div class="text">
        可查看或记录章节笔记
        <span></span>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "index",
    data: function () {
      return {
        nums: 0,
        bgs: 'rgba(255, 255, 255, .7)'
      }
    },
    mounted() {
    },
    methods: {
      hidepopup: function () {
        if (this.nums === 0) {
          this.nums = 1
          this.bgs = require('./img/bsdhsad2.jpg');
        } else if (this.nums === 1) {
          this.$emit('hide')
        }
      }
    }
  }
</script>

<style scoped>
  @import "./css/index.css";
</style>
